.shareWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  .menu {
    align-self: flex-start;
    margin: 1rem 0 1rem 16rem;
    font-size: 3rem;
  }
  .search {
    position: absolute;
    width: 30rem;
    left: 50%;
    margin-top: 3rem;
    transform: translateX(-50%);
    box-sizing: border-box;
    border: none;
    outline: none;
    z-index: 999;
    font-size: 1.4rem;
    color: #777;
  }
  .card {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    .cardItem {
      position: relative;
      margin: 0 1rem 3rem 3rem;
      border: rgba(85, 103, 156, 0.6) 1.2px solid;
    }
  }
}
